<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="留学网">
<meta name="author" content="留学网">
<title>室内设计</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/js.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-home" id="app">
    <layout :header="false">
      
      <div class="new-banner-wrapper">
        <img src="./static/image/new/indoor-banner.png" alt="" />
      </div>
      
      <!-- 你想知道的我来为你解答 -->
      <new-module title="你想知道的我来为你解答" :padding="[48,36]" :bottom="20">
        <div class="indoor-solution">
          <div class="left">
            <div class="dot" :class="{ active: solutionIndex === 0 }" @click="solutionIndex = 0">发展前景</div>
            <div class="dot" :class="{ active: solutionIndex === 1 }" @click="solutionIndex = 1">学习6大软件</div>
          </div>
          <div class="right">
            <template v-if="solutionIndex === 0">
              在当今社会随着人们对于家居消费观念的转变
              越来越多的工业化批量生产的家具已经不能满
              足当下的主流消费大军，全屋定制家居无疑成
              为这个时代发展的必然潮流。在未来，拥有高
              技术技能的室内设计师，具备营销思维的管理
              型设计师将成稀缺人才，会是企业争抢的对象 
            </template>
            <div v-else class="icons">
              <div class="item" v-for="(item,index) in solutionIcons" :key="index">
                <img :src="item.icon" alt="" class="icon">
                <div class="name">{{item.name}}</div>
              </div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 精心研磨实用的良心课程 -->
      <new-module title="精心研磨实用的良心课程" :padding="[44,40]" :margin="0" :bottom="20">
        <div class="indoor-courses">
          <div class="item" v-for="(item,index) in coursesData" :key="index">
            <div class="left">
              <div class="title">{{item.title}}</div>
              <div class="content">{{item.content}}</div>
            </div>
            <div class="right">
              <img :src="item.photo" alt="" />
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 四大课程内容 多维度培养室内设计人才 -->
      <new-module title="四大课程内容 多维度培养室内设计人才" :padding="[42,50]" :bottom="20">
        <div class="indoor-dimensions-container">
          <div class="major-list">
            <div class="item">3ds Max</div>
            <div class="item">UE5</div>
            <div class="item">V-Ray</div>
            <div class="item">Corona</div>
            <div class="item">Photoshop</div>
            <div class="item">Midjourney</div>
            <div class="item">SketchUp</div>
            <div class="item">Enscape</div>
            <div class="item">D5渲染器</div>
          </div>
          <div class="study-software">
            <div class="left">学习软件：</div>
            <div class="right">
              <div class="item">CAD</div>
              <div class="item">Stable Diffusion</div>
              <div class="item">酷家乐\三维家</div>
            </div>
          </div>
          <div class="list">
            <div class="item" :class="'item-' + (index + 1)" v-for="(item,index) in stageList" :key="index">
              <div class="top" :style="{ color: item.color }">
                第{{item.rank}}阶段
                <span v-html="item.name"></span>
              </div>
              <div class="content-box">
                掌握内容：
                <div class="content" v-for="(sub,idx) in item.content" :key="idx">
                  <span class="dot">· </span>
                  <span>{{sub}}</span>
                </div>
              </div>
              <div class="direction-bt">就业方向：</div>
              <div class="direction-content" :style="{ color: item.color }">
                <div class="content" v-for="(sub,idx) in item.direction" :key="idx">
                  {{sub}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 众多院校专业 挑选适合自己的 -->
      <new-school />
      
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        solutionIcons: [
          { icon: './static/image/new/indoor-icon1.png', name: 'CAD' },
          { icon: './static/image/new/indoor-icon2.png', name: '3DS MAX' },
          { icon: './static/image/new/indoor-icon3.png', name: 'PHOTOSHOP' },
          { icon: './static/image/new/indoor-icon4.png', name: 'V-RAY' },
          { icon: './static/image/new/indoor-icon5.png', name: 'SKETCHUP' },
          { icon: './static/image/new/indoor-icon6.png', name: 'POWERPOINT' },
        ],
        solutionIndex: 0,
        coursesData: [
          { 
            title: '手绘谈单',
            content: '学习手绘，通过手绘快速表达设计构思，向客户展示我们的专业性，建立信任和认同感，从而达到签单的目的',
            photo: './static/image/new/indoor-bg1.png'
          }, {
            title: '营销知识',
            content: '智能家居是今后家居领域发展的必然趋势，此课程中学员将了解到智能家居的概念，模式市场价值及发展现状',
            photo: './static/image/new/indoor-bg2.png'
          }, { 
            title: '施工阶段',
            content: '掌握各个工种以及施工工艺的分析，验收流程;外出工地考核，直达一线施工现场，检验在课堂上所学的知识',
            photo: './static/image/new/indoor-bg3.png'
          }, { 
            title: '指导阶段',
            content: '与业主沟通需求与风格，完成平面方案和汇报ppt，根据效果图深化施工图设计，并完成定制家具的三视图绘制',
            photo: './static/image/new/indoor-bg4.png'
          }
        ],
        stageList: [
          {
            color: '#FA7602',
            rank: '一',
            name: '软装定制',
            content: ['软装概念方案设计', '软装深化方案设计', '家居定制基础设计', '家居定制专业设计'],
            direction: ['软装设计师助理 | 软装设计师', '定制设计师  | 定制工艺设计师 ']
          }, {
            color: '#274EBF',
            rank: '二',
            name: 'CAD家装施工图',
            content: ['平面方案设计','平面方案深化','施工图节点立面','预算谈单与酷家'],
            direction: ['室内设计助理 | 家装设计师']
          }, {
            color: '#01A3B2',
            rank: '三',
            name: '风格实际<br>与SU表现课',
            content: ['SU模型设计','SU风格设计与施工图深化','Enscape渲染动画','D5渲染动画与AI创意设计'],
            direction: ['室内设计师 | 草图大师建模师','施工图深化设计师']
          }, {
            color: '#D13636',
            rank: '四',
            name: '大宅公装空间优化',
            content: ['空间方案优化设计','别墅空间设计','办公空间设计','设计全流程实训'],
            direction: ['室内设计助理 | 家装设计师','工装设计师 ']
          }
        ]
      }
    })
  </script>
</body>
</html>